#topSeparator {
	width: auto;
	height: 0.1px;
	background-image: url("../images/background_image_13.png");
}

body {
	min-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-image: url('../images/purp.jpg');
}

.form-horizontal {
	margin-top: 10%;
	margin-left: auto;
	width: 650px;
	margin-right: auto;
}

#mainContainer {
	margin: 10%;
}

#center {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	width: 100px;
	height: 100px;
	padding: 10px;
}

#loginDiv {
	padding: 5%;
	margin-left: auto;
	width: 220px;
	margin-right: auto;
}

.form-group {
	margin: 15px;
}

.form-control {
	magin-left: 10px;
	margin-right: 10px;
}

.col-sm-2 {
	margin-right: 20px;
}

#registerLabel {
	font-size: xx-large;
}

#reg-button {
	margin-left: 40%;
	width: 20%;
	background-color: rgb(118, 0, 217);
}

#mainMenu {
	background-image: url("../images/Subtle-Grey.jpg");
	display: inline;
	width: 100%;
	float: right;	
	box-shadow:  0px 0px 100px 10px #660066;
}

#menuContainer {
	display: inline;
	float: right;
	margin-top: 40px;
}

.menuItem {
	padding: 10px;
	margin-left:-1px;
	margin-bottom: 20px;
	width: 300px;
	font-size: x-large;
	text-align: center;
	display: inline;
	border-color: white;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	background-color: #660066;
	box-shadow: 0px 0px 10px 1px #660066;
	color: white;
}

h4 {
	font-size: 17.5px;
	margin-top: 30px;
}

#loginInfo {
	display: block;
	clear: both;
	float: right;
}

#logoutLabel:hover {
	font-weight: bold;
}

#registerRef {
	margin-top: 50px;
	text-align: center;
	font-size: x-large;
}

#logout {
	margin-left: 10px;
}

#loginRef {
	margin-top: 50px;
	text-align: center;
	font-size: x-large;
	
}

#registerContainer {
	display: block;
	float: left;
	margin-left: 100px;
	text-align: center;
	margin-top: 100px;
}

#loginContainer {
	display: block;
	float: right;
	margin-right: 100px;
	text-align: center;
	margin-top: 100px;
}

#loginImage {
	display: block;
	height: 300px;
	width: 400px;
	clear: both;
	padding-bottom: 30px;
	border-radius: 100px 10px;
}

#registrationImage {
	display: block;
	widht: 300px;
	height: 300px;
	clear: both;
	padding-bottom: 30px;
	border-radius: 100px 10px;
}

a.menuitem:link{
  	color: white;
	text-decoration: none;
}
a.menuitem:visited{
  	color: white;
	text-decoration: none;
}
.menuitem:hover{
  	text-decoration: none;
  	box-shadow: 0px 0px 25px 5px #660066;
	color: white;
}
a.menuitem:focus{
  	text-decoration: none;
	color: white
}
a.menuitem:active{
 	color: white;
	text-decoration: none;
}

a.tableLink:link{
  	color: #FF8700;
	text-decoration: underline;
	font-family: "Lucida Console";
	font-weight: bold;
	font-size: 17px;
	
}
a.tableLink:visited{
  	color: #FF8700;
	text-decoration: underline;
	font-family: "Lucida Console";
	font-weight: bold;
}
a.tableLink:hover{
  	text-decoration: none;
	color: #FF8700;
	font-family: "Lucida Console";
	font-weight: bold;
	font-size: 19px;
}
a.tableLink:focus{
  	text-decoration: underline;
	color: #FF8700
	font-family: "Lucida Console";
	font-weight: bold;
}
a.tableLink:active{
 	color: #FF8700;
	text-decoration: underline;
	font-family: "Lucida Console";
	font-weight: bold;
}


/*#logos2 {
	display: inline;
}

#imgLogo {
	display: inline;
	width: 100px;
	height: 100px;
}*/
#logos {
	margin: 10px;
	display: inline-block;
}

#logo {
	display: block;
}

#sublogo {
	width: 300px;
	margin-left: 30px;
	margin-top: -10px;
	float: right;
	resize: none;
	height: auto;
}

#loginButton {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#loginLabel {
	font-size: xx-large;
	margin-left: 35%;
	margin-bottom: 20px;
	display: block;
}

#container {
	display: inline-block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/*	border: 2px solid black;*/
}

table {
	border: none;
	border-radius: 20px 20px;
	box-shadow: 0px 0px 10px 1px #660066;
	padding: 40px;
	background-image: url("../images/Subtle-Grey.jpg");
}

select {
	width: 220px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 10px 1px #660066;
}

button {
	border-radius: 5px;
	border: solid;
	border-width: 1px;
	border-color: white;
	padding: 7px;
	color: black;
	background: transparent;
	font-size: medium;
	box-shadow: 0px 0px 8px 1px #660066;
}

.reg-succes {
	padding-top: 40px;
	font-size: 20px;
	color: rgb(0, 139, 0);
	text-align: center;
}

.fail {
	font-size: 20px;
	color: #D50000;
	text-align: center;
	padding-bottom: 15px;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.lecture-title{
}

.lecture-info{
	font-size: 20px;
	font-weight: bold;
}

.lecture-data{
	font-size: 20px;
	text-decoration: bold;
}

.myButton {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.myControls {
	margin-left: auto;
	margin-right: auto;
}

.field {
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 10%;
	padding-right: 10%;
}

.frame {
	margin-left: auto;
	width: 58%;
	margin-right: auto;
	border-width: 1px;
	border-radius: 20px;
	font-family: "Lucida Console";
	background-color: white;
	margin-top: 23%;
	box-shadow: 0px 0px 10px 1px #660066;
	background-image: url("../images/Subtle-Grey.jpg");
}

.header{
	text-align: center;
	color: #660066;
	font-family: "Lucida Console";
	padding-bottom: 5%;
}

.orangeHeader{
	text-align: center;
	color: #FF8700;
	font-family: "Lucida Console";
	padding-bottom: 5%;
}

#regDiv {
	padding: 5%;
	margin-top: 23%;
	margin-left: auto;
	width: 58%;
	margin-right: auto;
	border-width: 1px;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 1px #660066;
	font-family: "Lucida Console";
	background-image: url("../images/Subtle-Grey.jpg");
}

.formLabel{
	color: #FF8700;
	font-size: 18px;
	font-family: "Lucida Console";
}

.centeredLabel{
	color: #FF8700;
	font-size: 18px;
	font-family: "Lucida Console";
	margin-left: auto;
	margin-right: auto;
}

.required{
	color: #FF8700;
	font-size: 13px;
	padding: 8px;
	font-style: italic;
}

.myButton{
	margin-left: auto;
	margin-right: auto;
	display: block;
	background-color: #660066;
	color: white;
	width: 110px;
}

.myLogoutButton{
	display: inline;
	background-color: rgb(255, 132, 1);
	color: white;
	box-shadow: 0px 0px 8px 1px #660066;
	margin-right: 5px;
}

.rightButton{
	display: block;
	background-color: #FF8700;
	color: white;
	padding: 10px 20px;
	font-family: "Lucida Console";
	box-shadow: 0px 0px 10px 1px #660066;
}

.centerButtonOrange{
	display: block;
	background-color: #FF8700;
	color: white;
	padding: 10px 20px;
	font-family: "Lucida Console";
	box-shadow: 0px 0px 10px 1px #660066;
	margin-left: auto;
	margin-right: auto;
}

.field2 {
	padding-top: 2.5%;
	padding-bottom: 2.5%;
}

.centeredField {
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	margin-left: auto;
	margin-right: auto;
	width: 220px;
}

.centeredInput {
	margin-left: auto;
	margin-right: auto;
	width: 220px;
}

.center {
	text-align: center;
}

.homeLinks {
	padding: 10px;
	font-size: x-large;
	text-align: center;
	display: inline;
	border-color: white;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	background-color: rgb(255, 132, 1);
	box-shadow: 0px 0px 10px 1px #66066;
	color: white;
}

.tableHeader{
	color: #660066;
	font-size:large;
	font-family: "Lucida Console";
}

.font{
	font-family: "Lucida Console";
	font-weight: bold;
}

.centeredDiv {
	padding: 5%;
	margin-top: 10%;
	margin-left: auto;
	width: 50%;
	margin-right: auto;
	margin-top: 10%;
}

input select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	box-shadow: 0px 0px 2px 1px #660066;
}

.profile {
	color: #660066;
    font-family: "Lucida Console";
}

button:hover {
	box-shadow: 0px 0px 15px 1px #660066;
}

select:hover {
	box-shadow: 0px 0px 15px 1px #660066;
}

.home {
	text-align: center;
	text-transform: uppercase;
}

.home:hover{
	font-size: 50px;
}

tbody {
	padding-bottom:5px; 
}